/**
 * 美图管理管理初始化
 */
var BeautifulMgr = {
    id: "BeautifulMgrTable",	//表格id
    seItem: null,		//选中的条目
    table: null,
    layerIndex: -1
};

/**
 * 初始化表格的列
 */
BeautifulMgr.initColumn = function () {
    return [
        {field: 'selectItem', radio: true},
        {title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle'},
        {title: '所属类别', field: 'type_id', align: 'center', valign: 'middle',sortable: true},
        {title: '名称', field: 'title', align: 'center', valign: 'middle',
            formatter: function(v, item) {
                if (v != null && v != '' && v.length > 10) {
                    return "<a title='" + v + "'>" + v.substring(0, 9) + '...' + "</a>";
                } else {
                    return v;
                }
            }
        },
        {title: '链接地址', field: 'link', align: 'center', valign: 'middle',
            formatter: function (v, item) {
                return "<a title='" + v + "'>" + '<img class="pimg" name="beautifulLink" src="' + v + '"width="30" height="30"/>' +  "</a>";
                //return '<a href="javascript:void(0)" onclick="showBigPic('+ v +'); return false;">'+ '查看' +'</a>';
            }
        },
        {title: '作者', field: 'author', align: 'center', valign: 'middle'},
        {title: '来源id', field: 'sources_id', align: 'center', valign: 'middle',sortable: true},
        {title: '标签', field: 'label', align: 'center', valign: 'middle'},
        {title: '是否置顶', field: 'placed_top', align: 'center', valign: 'middle'},
        {title: '是否推荐', field: 'recommend', align: 'center', valign: 'middle',sortable: true},
        {title: '状态', field: 'status', align: 'center', valign: 'middle',sortable: true},
        {title: '专辑', field: 'albumid', align: 'center', valign: 'middle',sortable: true},
        {title: '添加时间', field: 'create_date', align: 'center', valign: 'middle',sortable: true},
        {title: '修改时间', field: 'modify_date', align: 'center', valign: 'middle',sortable: true},

    ];
};

/**
 * 检查是否选中
 */
BeautifulMgr.check = function () {
    var selected = $('#' + this.id).bootstrapTable('getSelections');
    if(selected.length == 0){
        Feng.info("请先选中表格中的某一记录！");
        return false;
    }else{
        BeautifulMgr.seItem = selected[0];
        return true;
    }
};

/**
 * 点击添加美图管理
 */
BeautifulMgr.openAddBeautifulMgr = function () {
    var index = layer.open({
        type: 2,
        title: '添加美图管理',
        area: ['800px', '420px'], //宽高
        fix: false, //不固定
        maxmin: true,
        content: Feng.ctxPath + '/beautifulMgr/beautifulMgr_add'
    });
    this.layerIndex = index;
};

/**
 * 打开查看美图管理详情
 */
BeautifulMgr.openBeautifulMgrDetail = function () {
    if (this.check()) {
        var index = layer.open({
            type: 2,
            title: '美图管理详情',
            area: ['800px', '420px'], //宽高
            fix: false, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/beautifulMgr/beautifulMgr_update/' + BeautifulMgr.seItem.id
        });
        this.layerIndex = index;
    }
};

/**
 * 删除美图管理
 */
BeautifulMgr.delete = function () {
    if (this.check()) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/beautifulMgr/delete", function (data) {
                Feng.success("删除成功!");
                BeautifulMgr.table.refresh();
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("beautifulMgrId",BeautifulMgr.seItem.id);
            ajax.start();
        }
        Feng.confirm("是否删除图片" + BeautifulMgr.seItem.id + "?",operation);
    }
};

/**
 * 查询美图管理列表
 */
BeautifulMgr.search = function () {
    var queryData = {};
    queryData['condition'] = $("#condition").val();
    BeautifulMgr.table.refresh({query: queryData});
};

$(function () {
    var defaultColunms = BeautifulMgr.initColumn();
    var table = new BSTable(BeautifulMgr.id, "/beautifulMgr/list", defaultColunms);
    table.setPaginationType("client");
    BeautifulMgr.table = table.init();
    showBigPic();
});

function showBigPic(){
    console.log('111111');
    $('#BeautifulMgrTable').delegate('img', 'click', function() {
        //alert('123')
        console.log("放大图片！！！！")
        var _this = $(this);//将当前的pimg元素作为_this传入函数
        imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
    })
    // $(".pimg").on('click',function(){
    //     alert('123')
    //     console.log("放大图片！！！！")
    //     var _this = $(this);//将当前的pimg元素作为_this传入函数
    //     imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
    // });
}
function imgShow(outerdiv, innerdiv, bigimg, _this){
    var src = _this.attr("src");//获取当前点击的pimg元素中的src属性
    $(bigimg).attr("src", src);//设置#bigimg元素的src属性

    /*获取当前点击图片的真实大小，并显示弹出层及大图*/
    $("<img/>").attr("src", src).load(function(){
        var windowW = $(window).width();//获取当前窗口宽度
        var windowH = $(window).height();//获取当前窗口高度
        var realWidth = this.width;//获取图片真实宽度
        var realHeight = this.height;//获取图片真实高度
        var imgWidth, imgHeight;
        var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放

        if(realHeight>windowH*scale) {//判断图片高度
            imgHeight = windowH*scale;//如大于窗口高度，图片高度进行缩放
            imgWidth = imgHeight/realHeight*realWidth;//等比例缩放宽度
            if(imgWidth>windowW*scale) {//如宽度扔大于窗口宽度
                imgWidth = windowW*scale;//再对宽度进行缩放
            }
        } else if(realWidth>windowW*scale) {//如图片高度合适，判断图片宽度
            imgWidth = windowW*scale;//如大于窗口宽度，图片宽度进行缩放
            imgHeight = imgWidth/realWidth*realHeight;//等比例缩放高度
        } else {//如果图片真实高度和宽度都符合要求，高宽不变
            imgWidth = realWidth;
            imgHeight = realHeight;
        }
        $(bigimg).css("width",imgWidth);//以最终的宽度对图片缩放

        var w = (windowW-imgWidth)/2;//计算图片与窗口左边距
        var h = (windowH-imgHeight)/2;//计算图片与窗口上边距
        $(innerdiv).css({"top":h, "left":w});//设置#innerdiv的top和left属性
        $(outerdiv).fadeIn("fast");//淡入显示#outerdiv及.pimg
    });

    $(outerdiv).click(function(){//再次点击淡出消失弹出层
        $(this).fadeOut("fast");
    });
}